dateMenu: Tweak temperature labels

Together with the forecast icon, the temperature label is the most
important information in the weather section. To emphasize it more,
reduce its space requirement by removing the temperature unit, then
make the text bold.

https://gitlab.gnome.org/GNOME/gnome-shell/issues/1143

diff --git a/data/theme/gnome-shell-sass/widgets/_calendar.scss b/data/theme/gnome-shell-sass/widgets/_calendar.scss
index 0c7c5fd24f6e05446ebcec2dfbf10c49c2e5bb6e..fcd4448add785c4c1a92965c15abba46519564ac 100644 (file)
--- a/data/theme/gnome-shell-sass/widgets/_calendar.scss
+++ b/data/theme/gnome-shell-sass/widgets/_calendar.scss
@@ -222,6 +222,10 @@
     icon-size: $base_icon_size * 2;
   }
 
+  .weather-forecast-temp {
+    font-weight: bold;
+  }
+
   .weather-forecast-time {
     color: darken($fg_color,30%);
     font-feature-settings: "tnum";

diff --git a/js/ui/dateMenu.js b/js/ui/dateMenu.js
index af0984697a7735b6ea8213c6bb3eb464c092f5b8..e7d3c47b26d453b5abfc779745660834c2d4c8a0 100644 (file)
--- a/js/ui/dateMenu.js
+++ b/js/ui/dateMenu.js
@@ -348,6 +348,8 @@ class WeatherSection extends St.Button {
                 timeOnly: true,
                 ampm: false,
             });
+            const [, tempValue] = fc.get_value_temp(GWeather.TemperatureUnit.DEFAULT);
+            const tempPrefix = tempValue >= 0 ? ' ' : '';
 
             let icon = new St.Icon({
                 style_class: 'weather-forecast-icon',
@@ -357,7 +359,7 @@ class WeatherSection extends St.Button {
             });
             let temp = new St.Label({
                 style_class: 'weather-forecast-temp',
-                text: fc.get_temp_summary(),
+                text: '%s%.0f°'.format(tempPrefix, tempValue),
                 x_align: Clutter.ActorAlign.CENTER,
             });
             let time = new St.Label({